<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""DTD/xhtml1-strict.dtd">
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="/WEB-INF/c.tld" prefix="c"%>
<%@taglib uri="/WEB-INF/fmt.tld" prefix="fmt"%>
<%@taglib uri="/WEB-INF/el.tld" prefix="el"%>
<%@taglib uri="/WEB-INF/fn.tld" prefix="fn"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<c:import url="/includes/css_inc.jsp"/>
		<c:import url="/includes/js_inc.jsp"/>
		<script>
			$(function(){
				$("#cancel").button({
		            icons: {
		                primary: "ui-icon-disk"
		            }
				}).click(function(){
					if(confirm('ยืนยันการยกเลิกดำเนินการ?')==true){
						disableField(["cancel","back"]);
						$("#cancel").addClass("ui-button-disabled ui-state-disabled");
						$("#back").addClass("ui-button-disabled ui-state-disabled");
						$("#saveForm").submit();
					}
				});
				$("#back").button({
		            icons: {
		                primary: "ui-icon-arrowreturnthick-1-w"
		            }
		        }).click(function() {
		        	$("#job").val("back");
		        	$("#saveForm").submit();
		        });
			});
		</script>
	</head>
	<body>
		<c:set var="auth" value="${el:getMapValue(menuAuth, 'ACC70305')}"/>
		<c:import url="/apps/msg.jsp"/>
		<form class="acc67-form" name="saveForm" id="saveForm" action="${pageContext.request.contextPath}/acc7" method="post">
		<input type="hidden" name="app" id="app" value="ACC70305"/>
		<input type="hidden" name="job" id="job" value="${job}"/>
		<input type="hidden" name="docNo" id="docNo" value="${expenseBean.docNo}"/>
		<input type="hidden" name="provinceId" id="provinceId" value="${expenseBean.provinceId}"/>
			<table width="100%" class="ui-widget ui-widget-content" border="0">
				<tr>
					<th align="left" class="acc67-header ui-widget-header" colspan="2"><b>${screenCode.ACC70305}</b></th>
				</tr>
				<tr>
					<td width="22%" class="bold">เลขที่เอกสาร : </td>
					<td>${expenseBean.docNo}</td>
				</tr>
				<tr>
					<td class="bold">จังหวัด : </td>
					<td>${provinceName}</td>
				</tr>
				<tr>
					<td class="bold">ปีงบประมาณ : </td>
					<td>${expenseBean.budgetYear}</td>
				</tr>
				<tr>
					<td class="bold">เลขที่เอกสารอ้างอิง : </td>
					<td>${expenseBean.refNo}</td>
				</tr>
				<tr>
					<td class="bold">วันที่จ่ายเงิน : </td>
					<td>${el:dateTh(expenseBean.expenseDate)}</td>
				</tr>
				<tr>
					<td class= "bold">ชื่อโครงการ/คำอธิบายรายการ : </td>
					<td>${expenseBean.expenseDesc}</td>
				</tr>
				<tr> 
					<td colspan="2">
						<fieldset>
						<legend> รายละเอียดการจ่าย </legend>
							<table  width="100%" class="ui-widget ui-widget-content">
								<tr>
									<th align="center" class="ui-state-default" width="15%">จำนวนเงิน</th>
									<th align="center" class="ui-state-default" width="30%">หมวดการจ่าย</th>
									<th align="center" class="ui-state-default">คำอธิบาย</th>
								</tr>
								<c:if test="${!empty lsExpenseDetail}">
									<c:forEach items="${lsExpenseDetail}" var="data" varStatus="x">
										<tr class="grid-tr-${x.count % 2}">
											<td align="right"><fmt:formatNumber pattern="#,##0.00" value="${data.expenseAmount}" /></td>
											<td>${el:getDataUtil('CAT7',data.categoryId)}</td>
											<td>${data.expenseDetailDesc}</td>
											<input type="hidden" name="transactionTimestamp" id="transactionTimestamp" value="${data.transactionTimestamp}"/>
										</tr>
									</c:forEach>
								</c:if>
							</table>
						</fieldset>
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<button type="button" name="cancel" id="cancel"  class="acc67-button">ยกเลิกยืนยันข้อมูล</button>
						<button type="button" name="back" id="back"  class="acc67-button">ย้อนกลับ</button>
					</td> 
				</tr>
			</table>
		</form>
	</body>
</html>